<template>
	<view class="" style="width: 100vw;height: 100vh">
		<view class="content" :style="{'background':kbackgroundColor}" style="min-height: 100vh">
			<hx-navbar title="开市公告" :back="true" :fixed="false" :color="knavTitleColor" barPlaceholder="hidden"
				transparent="auto"></hx-navbar>
		<view class="article-content">
			
			<jshopContent :content="content" v-if="content"></jshopContent>
		</view>
		</view>
	</view>
</template>
<script>
		import jshopContent from '@/components/jshop/jshop-content.vue';
	export default {
		components: {
			jshopContent
		},
		data() {
			return {
				content: ''
			}
		},
		onPullDownRefresh() {
			 	setTimeout(function() {
			 				uni.stopPullDownRefresh();
			 			}, 500)
		},
		onLoad(val) {
		//	this.content = val.message
		this.$api.getOpeningTrade(res => {
			if (res.status) {
				this.content=res.data.notice
			}
		})
		},
		methods: {

		}
	}
</script>

<style scoped lang="scss">

	.article-content {
		font-size:30rpx !important;
		//font-size: 28upx !important;
		line-height: 1.6;
		margin: 20upx auto;
		border-radius: 20rpx;
		width: 674rpx;
		font-weight: 400;
		background-color: #fff;
		padding: 40rpx;
		min-height: 1200rpx;
		.img{
			border: 11px solid red !important;
		}
	}

	.article-content p img {
		width: 100% !important;
	}
</style>